// 注册组件的步骤，
// 1. 第一个参数是组件的名称，即创建一个<button-counter>，就创建了这个组件元素
// 2. 第二个参数是组件的内容，包括data（数据，必须是方法，返回数据对象，以保证自己维护自己的数据）
// 3. 第二个参数的第二个内容，template，表示该组件实际上表示的内容
// 实际上，组件也是一个Vue

Vue.component('button-counter', {
  data: function () {
    return {
      count: 0
    }
  },
  template: '<button v-on:click="count++">You clicked me {{ count }} times.</button>'
})

// 因为组件是可复用的 Vue 实例，所以它们与 new Vue 接收相同的选项，
// 例如 data、computed、watch、methods 以及生命周期钩子等。仅有的例外是像 el 这样根实例特有的选项。
var vm = new Vue({
  el: "#app",
  data:{

  }
})

var vm1= new Vue({
  el: "#app1",
  data:{

  }
})